@import "base";
// 整个大盒子
.all {
  width: vw(750);
  height: vw(1366);
  margin: 0 auto;
}
// 顶部
.top {
  width: vw(705);
  height: vw(57);
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  font-size: vw(26);
  text-align: center;
  align-items: center;
  margin-top: vw(48);
  // 顶部返回键
  .back {
    width: vw(123);
    height: vw(57);
    border-radius: vw(20);
    border: 1px solid orange;
    line-height: vw(57);
    margin-left: vw(23);
  }
  div img {
    width: vw(52);
    height: vw(50);
  }
}
// 顶部下面的图片
.picture img {
  width: vw(705);
  height: vw(260);
  margin: vw(25) vw(25) vw(36);
}
// 价格
.price {
  width: vw(666);
  height: vw(108);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  .yuan img {
    height: vw(57);
    width: vw(136);
  }
}
// 点击购买
.buy {
  height: vw(59);
  width: vw(111);
  border-radius: vw(20);
  background-color: orange;
  text-align: center;
  line-height: vw(59);
  color: white;
  font-size: vw(30);
}
// 好评度
.appraise {
  width: vw(666);
  height: vw(36);
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  .review {
    display: flex;
    img {
      width: vw(38);
      height: vw(36);
      margin-right: vw(13);
    }
    p {
      font-size: vw(30);
      color: black;
      line-height: vw(40);
    }
    span {
      font-size: vw(30);
      color: #ff9344;
    }
  }
  // 共多少个评价
  p {
    font-size: vw(26);
    color: #8e8e8e;
    line-height: vw(40);
  }
}
// 适用商户
.suit {
  height: vw(67);
  width: vw(666);
  margin: 0 auto;
  background-color: orange;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: vw(36);
  margin-bottom: vw(10);
  p:first-child {
    margin-left: vw(10);
    font-size: vw(30);
  }
  p:last-child {
    margin-right: vw(10);
    font-size: vw(47);
  }
}
// 店铺
.content {
  width: vw(666);
  height: vw(600);
  margin: 0 auto;
  .content_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: vw(9);
    // 店铺图片
    .content_top-left {
      position: relative;
      img {
        width: vw(177);
        height: vw(176);
      }
      // 图片上的横条
      .item {
        position: absolute;
        width: vw(177);
        height: vw(39);
        background-color: #ffffff;
        opacity: 0.67;
        top: vw(91);
        text-align: center;
        line-height: vw(39);
        font-size: vw(24);
      }
    }
    // 店铺信息
    .content_top-center {
      p {
        font-size: vw(30);
        margin-top: vw(13);
      }
      // 几颗星星
      .stars {
        margin-top: vw(11);
        p {
          margin: vw(11) 0 vw(22);
          font-size: vw(26);
          color: #929292;
        }
        span {
          font-size: vw(26);
          color: #929292;
          &:last-child {
            font-size: vw(20);
            color: #ff9344;
          }
        }
        img {
          width: vw(38);
          height: vw(36);
        }
      }
    }
  }
}
// 底部
.bottom {
  width: vw(750);
  height: vw(107);
  position: fixed;
  bottom: vw(0);
  background-color: white;
  .bottom_img {
    display: flex;
    justify-content: space-around;
    img {
      height: vw(73);
      width: vw(73);
    }
    p {
      font-size: vw(26);
      text-align: center;
    }
  }
}
// 空的div
.empty {
  height: vw(60);
}
